﻿@model Tecnosop.WebUI.Models.CreateFacturaConvenioViewModel
@{
    ViewBag.Title = "Añadir una factura al sistema";
    //Layout = "~/Views/FacturaConvenio/_LayoutFacturaConvenio.cshtml";
    //Layout = MVC.Facturas.Views._LayoutFacturas;

    bool hayConveniosVigentes = !(Model.Convenios.Count() == 0);
}
@section css {
    <style type="text/css">
        .data-header, .data-row
        {
            width: 100%;
            margin: 0;
            padding: 0;
        }
        .data-header td, .data-row td
        {
            width: 33%;
            border: 0;
            padding-top: 0px;
            padding-bottom: 0px;
            vertical-align: middle;
            text-align: center;
        }
    </style>
}
@section script {
    <script type="text/javascript">
        $(document).ready(function () {
            $(".text-box").each(function () {
                $(this).css('padding-bottom', '0px');
                $(this).css('padding-top', '0px');
            });
        });
    </script>
}
@using (Html.BeginForm())
{
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>Nueva factura de convenio</legend>
        <div>
            <fieldset class="centrado" style="float: right; width: 300px; border-width: 2px; margin-bottom: 0px;">
                <div style="margin-top: 10px;">R.U.T.: @(Model.Factura.RAZON_SOCIAL.Equals("Comercializadora Tecnosop") ? "76.754.000-0" : "10.180.736-3")</div>
                <div style="font-size: large; margin-top: 10px;">F A C T U R A</div>
                <div style="margin-top: 10px;">N° @Html.DisplayFor(model => model.Factura.NUMERO_FACTURA)</div>
            </fieldset>
        </div>

        <div class="centrado" style="margin-bottom: 70px;">
            <p>
                <strong>@Model.Factura.RAZON_SOCIAL.ToUpper()</strong>
                <br />
                Reparación - Mantención de equipos electrónicos
                <br />
                Compra venta de equipos electrónicos
                <br />
                Alquiler maquinaria y equipos de oficina
                <br />
                Pasaje Rosario N° 5937 - Quinta Normal - Fono: 844 4021 - Cel: 09 342 1854
            </p>

            <div class="celda" style="border-width: thin; border-style: solid; border-color: Black; float: left;">
                @Html.LabelFor(model => model.Factura.FECHA_INSTALACION) :
                @Html.EditorFor(model => model.Factura.FECHA_INSTALACION)
            </div>
        </div>

        <fieldset>
            <legend>Identificación del cliente</legend>
            <br />
            <table border="1" cellpadding="2" cellspacing="1" style="width: 100%; border-style: solid; border-width: 1px;">
	            <tr>
		            <td class="fondo-celeste" style="width: 20%">@Html.LabelFor(model => model.Cliente.NOMBRE)</td>
		            <td style="width: 35%">@Html.ActionLink(Model.Cliente.NOMBRE, MVC.Cliente.Details(Model.Cliente.RUT_CLIENTE))</td>
		            <td class="fondo-celeste" style="width: 20%">@Html.LabelFor(model => model.Cliente.RUT_CLIENTE)</td>
		            <td style="width: 25%">@Html.DisplayFor(model => model.Cliente.RUT_CLIENTE)</td>
	            </tr>
	            <tr>
		            <td class="fondo-celeste" style="width: 20%">@Html.LabelFor(model => model.Cliente.DIRECCION)</td>
		            <td style="width: 35%">@Html.DisplayFor(model => model.Cliente.DIRECCION)</td>
		            <td class="fondo-celeste" style="width: 20%">@Html.LabelFor(model => model.Cliente.REGION)</td>
		            <td style="width: 25%">@Html.DisplayFor(model => model.Cliente.REGION)</td>
	            </tr>
	            <tr>
		            <td class="fondo-celeste" style="width: 20%">@Html.LabelFor(model => model.Cliente.TELEFONO_1)</td>
		            <td style="width: 35%">@(Model.Cliente.TELEFONO_1 != null ? Html.DisplayFor(model => model.Cliente.TELEFONO_1) : new MvcHtmlString("--- Sin teléfono ---"))</td>
		            <td class="fondo-celeste" style="width: 20%">@Html.LabelFor(model => model.Cliente.COMUNA)</td>
		            <td style="width: 25%">@Html.DisplayFor(model => model.Cliente.COMUNA)</td>
	            </tr>
	            <tr>
		            <td class="fondo-celeste" style="width: 20%">@Html.LabelFor(model => model.Cliente.TELEFONO_2)</td>
		            <td style="width: 35%">@(Model.Cliente.TELEFONO_2 != null ? Html.DisplayFor(model => model.Cliente.TELEFONO_2) : new MvcHtmlString("--- Sin teléfono ---"))</td>
		            <td class="fondo-celeste" style="width: 20%">@Html.LabelFor(model => model.Cliente.CUIDAD)</td>
		            <td style="width: 25%">@Html.DisplayFor(model => model.Cliente.CUIDAD)</td>
	            </tr>
	            <tr>
		            <td class="fondo-celeste" style="width: 20%">@Html.LabelFor(model => model.Cliente.GIRO)</td>
		            <td style="width: 35%">@Html.DisplayFor(model => model.Cliente.GIRO)</td>
		            <td class="fondo-celeste" style="width: 20%">@Html.LabelFor(model => model.Factura.COND_DE_VENTA)</td>
		            <td style="width: 25%">@Html.EditorFor(model => model.Factura.COND_DE_VENTA)</td>
	            </tr>
            </table>
        </fieldset>

        <fieldset>
            <legend style="font-size: small;">Elección convenio</legend>

            @if (hayConveniosVigentes)
            {
                <p>Elija el convenio del cual desea facturar:</p>
                    @(Html.Telerik().Grid(Model.Convenios)
                        .Name("NumerosConvenios")
                        .DataKeys(keys => keys.Add(k => k.NUMERO_CONVENIO))
                        .Columns(columns =>
                        {
                            columns.Template(t => Html.RadioButton("NumeroConvenio", t.NUMERO_CONVENIO, false));
                            columns.Bound(c => c.NUMERO_CONVENIO);
                            columns.Bound(c => c.FECHA_CONVENIO);
                            columns.Bound(c => c.DIA_FACTURACION);
                            columns.Bound(c => c.FECHA_VENCIMIENTO)
                                .Template(t => t.FECHA_VENCIMIENTO == null ? "Sin fecha de término" : t.FECHA_VENCIMIENTO.Value.ToShortDateString());
                            columns.Template(
                                @<text>
                                    <table cellspacing="0" class="data-row">
                                        <tr>
                                            <td>@item.NOMBRE_REPRESENTANTE_LEGAL</td>
                                            <td>@item.RUT_REPRESENTANTE_LEGAL</td>
                                            <td>@item.TELEFONO_REPRESENTANTE_LEGAL</td>
                                        </tr>
                                    </table>
                                </text>)
                                .HeaderTemplate(
                                    @<text>
                                        <table cellspacing="0" class="data-header">
                                            <tr>
                                                <td colspan="3"><strong>Datos del representante legal</strong></td>
                                            </tr>
                                            <tr>
                                                <td>Nombre</td>
                                                <td>Rut</td>
                                                <td>Teléfono</td>
                                            </tr>
                                        </table>
                                    </text>)
                                .HeaderHtmlAttributes(new { style = "padding-top: 0px; padding-bottom: 0px;" });
                        })
                        //.Selectable()
                        //.ClientEvents(evento => evento.OnRowSelect(""))
                    )
                
                <br />
                <button type="submit" class="nice radius small blue button" style="float: right;">Siguiente ></button>
                @Html.ActionLink("Cancelar", MVC.Facturas.Index(), new { @class = "nice radius small red button", style = "float: left;" })
            }
            else
            {
                <div>No hay convenios vigentes para este cliente.</div>
                <br />
                @Html.ActionLink("Cancelar", MVC.Facturas.Index(), new { @class = "nice radius small red button", style = "float: left;" })
            }
        </fieldset>
    </fieldset>
}